@import "../variables";
@import "../mixins";

.slider-pagination {
    position: absolute;
    width: auto;
    height: 100%;
    right: 2%;
    top: 50%;

    text-align: center;

    .slider-page {
        display: block;
        margin: 12px 0;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #444;

        &.active {
            background: #444;
        }
    }
}

.landscape .slider-pagination {
    height: auto;
    width: 100%;
    left: 0;
    top: auto;
    bottom: 10%;

    .slider-page {
        display: inline-block;
        margin: 0 12px;
    }
}